<template>
  <div class="duihuan">
    <div class="t">
      <van-nav-bar
        title="兑换优惠"
        left-arrow
        @click-left="onClickLeft"
      />
    </div>

    <div class="zhong">
      <van-cell-group>
        <van-field
          rows="1"
          autosize
          label="兑换码"
          type="textarea"
          placeholder="请输入兑换码"
        />
      </van-cell-group>
    </div>
    <div class="xia">
      <p>确定</p>
    </div>

  </div>
</template>

<script>
export default {
  data() {
    return {

    }
  },
 methods: {
    onClickLeft() {
      this.$router.push({name:'Me'});
    }
  }
}
</script>
<style scoped>
.duihuan{
  width: 100%;
  background: ghostwhite;
}
.zhong{
  margin: 10px 0;
}
.xia{
  background: skyblue;
  height: 40px;
  margin: 0 15px;
}
.xia p{
  text-align: center;
  line-height: 40px;
  color: white;
}
</style>
